<?php
   $email 		= array('id'=>'email','class'=>'form-control', 'name'=>'email', 'value'=> set_value('email'),'type'=>'email');
	$password 	= array('id'=>'password', 'class'=>'form-control', 'name'=>'password', 'value'=> set_value('password'),'type'=>'password','required' =>'');
	$repassword = array('id'=>'repassword', 'class'=>'form-control', 'name'=>'repassword', 'value'=> set_value('repassword'),'type'=>'password','required' =>'');
	$ten 		= array('id'=>'ten', 'class'=>'form-control inactive', 'name'=>'ten', 'value'=> set_value('ten'),'type'=>'text','required' =>'');
	$gioi_thieu 	= array('id'=>'gioi_thieu', 'class'=>'form-control inactive', 'name'=>'gioi_thieu', 'value'=> set_value('gioi_thieu'), 'rows'=>5);
	$nguoi_lien_he 	= array('id'=>'nguoi_lien_he', 'class'=>'form-control inactive', 'name'=>'nguoi_lien_he', 'value'=> set_value('nguoi_lien_he'),'required' =>'');
	$dia_chi 	= array('id'=>'dia_chi', 'class'=>'form-control inactive', 'name'=>'dia_chi', 'value'=> set_value('dia_chi'),'required' =>'');	
	$dien_thoai 	= array('id'=>'dien_thoai', 'class'=>'form-control inactive', 'name'=>'dien_thoai', 'value'=> set_value('dien_thoai'));
	$di_dong 	= array('id'=>'di_dong', 'class'=>'form-control', 'name'=>'di_dong', 'value'=> set_value('di_dong'));
   ?>
<div class="col-md-8 col-sm-8">		
	<div class="panel panel-primary">
		<div class="panel-heading">
		  <h3 class="panel-title">Đăng ký thành viên - <b>Bước 2: Nhập thông tin hồ sơ</b></h3>
		</div>
		<div class="panel-body">
			<p class="text-justify">Đăng tin tuyển dụng trên <font color="#28a4e0">PGVietnamWorks.com</font> hoàn toàn miễn phí. Nhiều hồ sơ PG-PB-MODEL tham gia ứng tuyển nhanh chóng.</p>
			<p class="text-justify">Công cụ tìm kiếm hồ sơ thông minh trên <font color="#28a4e0">PGVietnamWorks.com</font> sẽ giúp Nhà Tuyển Dụng tìm được ứng viên PG-PB-MODEL phù hợp nhanh nhất.</p>
			<p class="text-justify">Quảng cáo logo/banner để giới thiệu thương hiệu Nhà tuyển dụng đến người truy cập website <font color="#28a4e0">PGVietnamWorks.com</font> mỗi ngày và cộng đồng hàng ngàn các bạn trẻ yêu thích công việc PG-PB-MODEL.</p>
			<p>Hãy nhập đầy đủ thông tin sau:</p>
			<div id="error" class="none">
				<?php if ($message = $this->session->userdata('message')):?>
				<div class="alert alert-success" role="alert">
					<button type="button" class="close" data-dismiss="alert">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				<?php echo $message;$this->session->unset_userdata('message');?>
				</div>
				<?php endif;?>
				<?php if ($danger = $this->session->userdata('danger')):?>
				<div class="alert alert-danger" role="alert">
					<button type="button" class="close" data-dismiss="alert">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				<?php echo $danger;$this->session->unset_userdata('danger');?>
				</div>
				<?php endif;?>
				<?php if(isset($error)):?>
				<div class="alert alert-danger" role="alert">
					<button type="button" class="close" data-dismiss="alert">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
				<?php echo $error;?>					
				</div>
				<?php endif;?>					
			</div>
			<?php echo form_open();?>
				<div class="col-md-6 col-sm-6">
					<div class="form-group">
						<label for="email">Tài khoản/Email <span style="color:red">(*)</span></label>
						<?php echo form_input($email);?>
					</div>
					<div class="form-group">
						<label for="password">Mật khẩu <span style="color:red">(*)</span></label>
						<?php echo form_input($password);?>
					</div>
					<div class="form-group">
						<label for="repassword">Nhập lại <span style="color:red">(*)</span></label>
						<?php echo form_input($repassword);?>
					</div>
					<div class="form-group">
						<label for="dien_thoai">Điện thoại</label>
						<?php echo form_input($dien_thoai);?>
					</div>
					<div class="form-group">
						<label for="file-uploader">Logo đại diện</label>
						<div class="text-center" id="img0">
							<div id="file-uploader"></div>
							<input type="hidden" id="avatar" name="avatar" value="<?=set_value('avatar')?>"/>
							<?php $base_img = '/assets/timthumb.php?w=150&src=/uploads/images/full/';
								$tmp = set_value('avatar');
								$avatar = $tmp ? $base_img.$tmp:'';
								if($avatar)
									$btn = '<img class="qq-upload-btn img-thumbnail" src="'.$avatar.'" alt="Chọn hình"/>';
								else
									$btn='<img class="qq-upload-btn img-thumbnail"/><input id="btn" type="button" name="btn_image" value="Chọn hình" alt="image" title="Hình đại diện" class=" btn btn-default">';
							?>
							<script type="text/javascript">        
								jQuery(function(){								
									new qq.FileUploader({
										element: document.getElementById('file-uploader'),
										action: "<?php echo base_url('upload/upload_files');?>",
										allowedExtensions: ['jpg', 'jpeg', 'png', 'gif', 'bmp'],
										multiple	: false,
										debug: false,
										template:   '<div class="qq-uploader">' +
											'<div class="qq-upload-drop-area"><span>{dragText}</span></div>' +
											'<div class="qq-upload-btn "><?=$btn?><img id="loading" class="hide" src="/assets/css/loading.gif"/><span id="progress"></span></div>' +
											'<ul class="qq-upload-list hide"></ul>' +
											'</div>',
										fileTemplate: '<li class="avatar">' +
											'<span class="avatar qq-progress-bar"></span>' +
											'<span class="qq-upload-spinner"></span>' +
											'<span class="avatar qq-upload-finished"></span>' +
											'<span class="avatar qq-upload-file"></span>' +
											'<span class="avatar qq-upload-size"></span>' +
											'<a class="avatar qq-upload-cancel btn btn-danger" href="#">{cancelButtonText}</a>' +
											'<span class="avatar qq-upload-failed-text alert alert-danger">{failUploadtext}</span>' +
											'</li>',
										classes: {
											// used to get elements from templates
											button: 'qq-upload-btn',
											list: 'qq-upload-list',
											drop: 'qq-upload-drop-area',
											progressBar: 'qq-progress-bar',
											file: 'qq-upload-file',
											spinner: 'qq-upload-spinner',
											finished: 'qq-upload-finished',
											size: 'qq-upload-size',
											cancel: 'qq-upload-cancel',
											// added to list item <li> when upload completes
											// used in css to hide progress spinner
											success: 'qq-upload-success',
											fail: 'qq-upload-fail',
											successIcon: null,
											failIcon: null,
										},
										showMessage: function(message){
											alert(message);
										},
										onError: function(id, fileName, xhr){
											console.log(xhr);
										},
										onProgress: function(id, fileName, loaded, total){
											jQuery('#loading').removeClass('hide');
											jQuery('#progress').html(Math.round(loaded*100/total)+'%');
										},
										onComplete: function(id, fileName, responseJSON){
											var img = responseJSON;
											jQuery('.qq-upload-btn.img-thumbnail').attr('src','/assets/timthumb.php?w=150&src=/uploads/images/full/'+img.filename);
											jQuery('#avatar').val(img.filename);
											jQuery('#loading').addClass('hide');
											jQuery('#progress').html('');
											jQuery('#btn').addClass('hide');
										},
									});
								});
							</script>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-sm-6">
					<div class="form-group">
						<label for="ten">Tên <span style="color:red">(*)</span></label>
						<?php echo form_input($ten);?>
					</div>
					<div class="form-group">
						<label for="dia_chi">Địa chỉ <span style="color:red">(*)</span></label>
						<?php echo form_input($dia_chi);?>
					</div>
					<div class="form-group">
						<label for="nguoi_lien_he">Người liên hệ <span style="color:red">(*)</span></label>
						<?php echo form_input($nguoi_lien_he);?>					
					</div>						
					<div class="form-group">
						<label for="di_dong">Di động</label>
						<?php echo form_input($di_dong);?>
					</div>
					<div class="form-group">
						<label class="gioi_thieu">Lời giới thiệu</label>
						<?php echo form_textarea($gioi_thieu);?>					
					</div>	
					<div class="form-group">
						<?=$captcha?>
					</div>
					<div class="form-group">
						<label for="captcha">Nhập mã bảo mật</label>
						<input name="captcha" type="text" class="form-control" style="width:45%" autocomplete="off" required>
					</div>
				</div>
				<div class="clear">
					<input id="chkDieuKhoan" name="accept" type="checkbox" value="1" required>
					<label for="chkDieuKhoan">Tôi chấp nhận các <a href="/thoa-thuan-su-dung.html" target="_blank">Thỏa thuận sử dụng &amp; Quy định bảo mật</a> website</label>
				</div>
				<div class="text-center">
					<?/*<input type="reset" value="Nhập lại" class="btn btn-danger">*/?>
					<input type="submit" value="Tiếp >>" class="btn btn-primary" title="Qua bước 2"> 						
				</div>
			<?php echo form_close();?>
		</div>
	</div>
</div>
<div class="col-md-4 col-sm-4">
	<div class="panel panel-primary">
		<div class="panel-heading">
		  <h3 class="panel-title">Trợ giúp</b></h3>
		</div>
		<div class="panel-body">
			<div class="row">
				<ul class="help">
					<li>
						<a title="">Hướng dẫn tạo tài khoản PG-PB-MODEL</a>
					</li>
					<li>
						<a title="">Hướng dẫn tạo tài khoản nhà tuyển dụng</a>
					</li>
					<li>
						<a title="">Điều khoản sử dụng dịch vụ</a>
					</li>
					<li>
						<a title="">Lý do bạn nên sử dụng dịch vụ của chúng tôi</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<link href="<?=base_url('assets/css/fileuploader.css')?>" rel="stylesheet" type="text/css">
<script src="<?=base_url('assets/js/fileuploader.js')?>"></script>
<div class="clearfix text-center">
	Ads here
</div>

